html, body { height:100%;}

body{
    //background-color: #999999;
    font-size:12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url('../images/template/background2.jpg') repeat fixed;
	
}
/*pengaturan kanvas */
div#outer {
    width: 1000px;
    padding: 0px;
	margin: 15px auto;
	background: url('../images/template/background.jpg') repeat;
	/* supaya mainmenu yang diset panjang, gak terlihat melampaui layoutnya */
	overflow:hidden;
}

/*pengaturan header */
div#header {
    margin: 5px 10px;
    text-align: center;
	-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
	border-radius:5px;
}

div#selamat-datang{
	font-family: AgencyR;
	width:760px;
	padding:10px 20px;
	font-size:22px;
	float: left;
}

div#logout{
	font-family: AgencyR;
	margin-left:800px;
	padding:10px 20px;
	text-align:right;
	font-size:22px;
}
div#logout a{
	text-decoration:none;
	color:#1D1819;;
}

/*pengaturan pengumuman */
div#pengumuman {
	font-family: OCR;
	padding: 7px;
	margin: 10px 0px;
	border-color: #5F5D5D;
	border-style: solid;
    border-width: 3px;
	background: #1D1819;
	color: #F08519;
	font-weight: bold;
	font-size: 14px;
}

div#latar-background{
	width:100%;
	background: url('../images/template/background2.jpg') repeat-y;
}

/* pengaturan style sidebar */
div#mainmenu{
	width: 215px;
	float: left;
	margin-top:10px;
	font-family: AgencyR;
	background: #00A2E9;
	border-left: 15px solid #1D1819;
	/* bikin sidebar panjang */
	margin-bottom: -5000px; /* any large number will do */
	padding-bottom: 5000px;
}
div#judul-menubar{
	padding:15px;
	font-family:AgencyB;
	font-size:24px;
	color:white;
}

div#sisa-menubar{
	background:#1D1819;
	margin-right:5px;
	padding: 5px 0px;
	
}
div.menu{
	background: #1D1819;
	color:white;
	margin-right:5px;
	padding: 5px 0px;
}
div.menu-expand{
	font-size: 20px;
	font-family: AgencyR;
	padding: 5px 5px;
	background: #72CAF3;
	margin-bottom:5px;
	margin-right:5px;
}
div.menu-expand ul li{
	line-height:20px;
	padding:5px;
	list-style-position: outside;
}
div.menu-expand ul li.active{
	cursor:pointer;
	background:#757475;
	color:white; 
	list-style-type:circle;
}
div.menu-expand ul li.active a{
	text-decoration:none;
	color:inherit;
	display:block;
}
div.menu-expand ul li:hover{
	cursor:pointer;
	background:#1D1819;
	color:white;
}
div.menu-expand ul li a{
	text-decoration:none;
	color:#1D1819;
	display:block;
}
div.menu-expand ul li:hover a{
	text-decoration:none;
	color:inherit;
	display:block;
}
div.menu-expand ul li:hover a:hover{
	color:inherit;
	display:block;
}
td.gambar-menu{
	text-align:center;
	vertical-align:middle;
	width: 50px;
	padding:5px;
}
td.gambar-menu img{
	width:40px;
}
td.judul-menu{
	text-align:center;
	vertical-align:middle;
	width:130px;
	font-family:AgencyB;
	font-size:22px;
}

/*pengaturan konten */
div#main{
	float:right;
	width: 765px;
	margin-top:10px;
	height:100%;
	overflow:hidden;
}
div#komponen{
	padding:20px;
	//height:inherit;
	clear:both;
}

div.kolom-1 {
	clear:left;
	width:100%;
}

div.kolom-2-kiri {
	width:50%;
	float:left;
	display:block;
}

div.kolom-2-kanan {
	width:50%;
	float:left;
	display:block;
}
div.kolom-2-kiri-sedikit {
	width:30%;
	float:left;
	display:block;
}

div.kolom-2-kanan-banyak {
	width:70%;
	float:left;
	display:block;
}

div.latar-bening {
	padding:10px;
	margin:5px;
}

div.latar-putih {
	border-radius:5px;
	margin:5px;
	padding:10px;
	background: white;
	border: outset 2px #1D1819;
}

div#breadcrumbs-bimbel{
	padding-bottom:15px;
	padding-left:15px;
	font-family: AgencyB;
	font-size:18px;
	float:left;
}

div#tanggal{
	padding-bottom:15px;
	padding-right:15px;
	text-align:right;
	font-family: AgencyB;
	font-size:18px;
	float:right;
}

h1.judul-halaman{
	font-family:AgencyR;
	padding:5px 10px;
	display:block;
	background:#1D1819;
	color:white;
}
h2.subjudul-halaman{
	padding-left:5px;
	font-family:AgencyR;
	padding-bottom:5px;
	margin-bottom:0px;
}
span.judul-kegiatan{
	font-size:22px;
	font-family:AgencyB;
}
span.tanggal-kegiatan, span.sekretaris-kegiatan{
	font-family:18px;
	font-family:AgencyR;
}
div.deskripsi-kegiatan{
	width:90%;
	font-size:11px;
	text-align:justify;
}
div.clear{
	clear:both;
}
table.profil {
	border-spacing: 0;
	font-size: 20px;
	font-family: AgencyR;
}
table.profil tr{ line-height:28px; }
table.profil tr > td { padding: 3px 5px; }
table.profil td:first-child{ width:130px;}
table.profil td > div { width: 100%; height: 100%; overflow:hidden; }
table.profil td { height: 10px;  vertical-align:top; }
table.profil td ol{
	margin-left:-25px;
}

table.table1 {
	color: #333;
	font-size: .9em;
	font-weight: 300;
	text-align: left;
	line-height: 20px;
	border-spacing: 0;
	border: 1px solid #428bca;
	width: 400px;
	margin: 0 auto;
	margin-bottom:10px;
}

table.table1 thead tr:first-child {
	background: #428bca;
	color: #fff;
	border: none;
}

table.table1 th {font-weight: bold;}
table.table1 th:first-child, td:first-child {padding: 0 15px 0 20px;}

table.table1 thead tr:last-child th {border-bottom: 2px solid #ddd;}

table.table1 tbody tr:hover {background-color: #f0fbff;}
table.table1 tbody tr:last-child td {border: none;}
table.table1 tbody td {
	border-bottom: 1px solid #ddd;
}

table.table1 td:last-child {
  text-align: right;
  padding-right: 10px;
}

.button {
  color: #428bca;
  text-align: center;
  text-decoration: none;
  padding-left: 15px;
}

.button:hover {
  text-decoration: underline;
  cursor: pointer;
}

/* pengaturan login */
div#halaman-login{
	width:500px;
	margin: 20px 250px;
}
h2#judul-login{
	padding:30px 0px;
	font-family:AgencyB;
	text-align:center;
}
div#kotak-login{
	font-family:AgencyR;
	font-size:24px;
	padding:25px;
	background: #00A2E9;
	-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
	margin-bottom:80px;
	color:white;
}
label.label-login{
	font-family:AgencyR;
	font-size:24px;
}
div.login-baris{
	padding-top:10px;
	width:90%;
	margin: 5px 5%;
}
div.clear-float{
	clear:both;
}
div.login-kiri{
	float:left;
	width:30%;
}
div.login-kanan{
	float:left;
	color:black;
	width:70%;
}
div.errorMessage{
	clear:both;
	color:#E62129;
	font-family:AgencyB;
	margin-bottom:10px;
}
input[type="submit"]{
	margin-top:10px;
	text-align:center;
	font-family:AgencyR;
	font-size:24px;
	background:#1D1819;
	border:none;
	color:white;
	padding:10px 20px;
	
}
input[type="submit"]:hover{
	background: #E62129;
}
input[type="submit"]:active{
	top:1px;
	position:relative;
}

/*pengaturan footer */
div#footer {
	clear:both;
	font-family: AgencyR;
	font-weight:bold;
	font-size: 18px;
	color: white;
	text-align:center;
    padding: 5px;
	padding-top:15px;
    margin: 0 auto;
	border-left:15px solid #1D1819;
	background: #00A2E9;
}

/*pengaturan lainnya */
.agencyr{
	font-family: AgencyR;
}

.agencyb{
	font-family: AgencyB;
}

.ocr{
	font-family: OCR;
}
span.bintang{
	font-family: OCR;
	color: red;
}

marquee:hover{
	cursor:default;
}

/* back to top */
.back-to-top {
position: fixed;
bottom: 15px;
right: 20px;
/*link to your image, use correct path, if in doubt, use full path with http://...*/
background: url('../images/template/arrows.png') left top no-repeat; 
width: 25px;
height: 23px;
}

.back-to-top a {
text-indent: -9999px;
display: block;
}

.back-to-top:hover { 
/*link to your image, use correct path, if in doubt, use full path with http://...*/
background:url('../images/template/arrows.png') left -23px no-repeat; 
}

span.null{
	color: #F08519;
}

/* PENGATURAN TOMBOL */
.tombol , div.appendoButtons button{
	-moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	box-shadow:inset 0px 1px 0px 0px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color:#79bbff;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #469df5;
	display:inline-block;
	color:#ffffff;
	font-family:AgencyB;
	padding: 10px 10px;
	font-size:20px;
	font-style:normal;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #287ace;
}
.tombol:hover, div.appendoButtons button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
	background-color:#4197ee;
}.tombol:active, div.appendoButtons button:active {
	position:relative;
	top:1px;
}
/*kalo tombol sedang disabled */
div.appendoButtons button:disabled{
	-moz-box-shadow:inset 0px 1px 0px 0px grey;
	-webkit-box-shadow:inset 0px 1px 0px 0px grey;
	box-shadow:inset 0px 1px 0px 0px grey;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, grey), color-stop(1, grey) );
	background:-moz-linear-gradient( center top, grey 5%, grey 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='grey', endColorstr='grey');
	background-color:grey;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #469df5;
	display:inline-block;
	color:white;
	font-family:AgencyR;
	padding: 10px 10px;
	font-size:20px;
	font-style:normal;
	text-decoration:none;
	text-align:center;
	text-shadow:0px 0px 0px black;
}
div.appendoButtons button:disabled:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, grey), color-stop(1, grey) );
	background:-moz-linear-gradient( center top, grey 5%, grey 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='grey', endColorstr='grey');
	background-color:grey;
	cursor:default;
}
div.appendoButtons button:disabled:active {
	position:relative;
	top:0px;
}
/* This button was generated using CSSButtonGenerator.com */

/* SETTINGAN UNTUK FORM */

div.form {
	margin:0 30px;
	font-family:AgencyR;
}
div.form div.row{
	width: auto;
	margin:0 0px;
	padding: 10px 0;
	font-size:18px;
}
div.form div.row label{
	font-size:20px;
	float:left;
	width:30%;
}

div.form div.row input, div.form div.row table{
	font-size:18px;
	float:left;
}
div.form div.buttons input{
	font-size:20px;
}
div.form div.row table tbody tr td{
	padding:0;
}
input.jappendo{
	margin-bottom: 15px;
}
div.appendoButtons{
	clear:left;
	float:left;
	margin-left:30%;
	background:white;
}


div.foto-profil{
	position:relative;
	float:left;
}
div.foto-profil img{
	width:90%;
	border:2px outset black;
}
div.tombol-foto{
	display:none;
	width: 90%;
	margin:0 5%;
	background: #72caf3;
	position:absolute;
	bottom:0;
	left:0;
	font-family:AgencyR;
	font-size:20px;
	text-align:center;
	cursor:pointer; 
}
div.tombol-foto a{
	display:block;
	padding:5px;
	text-decoration:none;
}

div.crow{
	clear:both;
	margin-left:30%;
	margin-bottom:10px;
}

div.crow div.row{
	float:left;
	padding-bottom:0px;
}
div.crow div.row select{
	float:left;
}
div.crow div.row a{
	float:left;
}
div.crow div.row div.errorMessage{
	clear:both;
}

span.info-sisa{
	font-size:15px;
	//color: #ff0000;
}
div.captcha{
	float:left;
}
div.sub-foto{
	background:#757475;
}

div.sub-foto ul{
	padding: 0px;
	margin:0px;
	color: white;
	background:#757475;
	list-style-position: outside;
}
div.sub-foto ul li{
	display:block;
	cursor:pointer;
	list-style-type:none;
	font-size:15px;
}
div.sub-foto ul li:hover, div.sub-foto ul li a:hover{
	background:#72CAF3;
	color:black;
}
div.sub-foto ul li a{
	display:block;
	text-decoration:none;
	color:white;
}

.besar{
	font-size:18px;
}

div.user-foto{
	width:25%;
	position:relative;
	float:left;
	text-align:center;
	min-height:265px;
	margin-bottom:5px
}
div.user-foto img{
	width:90%;
	min-height:100px;
}	
div.user-nama{
	width:90%;
	left:5%;
	bottom:0;
	position:absolute;
	font-size:16px;
}
ul.yiiPager .selected a {
    background: none repeat scroll 0 0 black;
    color: #00a2e9;
    font-weight: bold;
}
ul.yiiPager .page a {
    font-weight: normal;
}
ul.yiiPager a:link, ul.yiiPager a:visited {
    border: 1px solid black;
    color: #00a2e9;
    font-weight: bold;
    padding: 1px 6px;
    text-decoration: none;
}

a.userautocompletelink {
	min-height:40px;
	display:block;
}
.userautocompletelink div{
	float:left;
	width:40px;
}
.userautocompletelink img {
	
	margin-right:5px;
	height:38px;
}
.userautocompletelink h1 {
	margin-left:50px;
	margin-top:0;
	margin-bottom:0;
	margin-right:0;
	font-size:14px;
	padding:0px;
	font-weight:bold;
}
.userautocompletelink h2 {
	margin-left:50px;
	margin-top:0;
	margin-bottom:0;
	margin-right:0;
	font-size:11px;
	padding:0px;
}